<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3-5-1-警告框</title>
<link rel="stylesheet" href="lib/lib/css/bootstrap.min.css">
<style type="text/css">

</style>
</head>
<body>

	<div class="container">
		<div class="alert alert-success" role="alert">我是一个success警告框</div>
		<div class="alert alert-info" role="alert">我是一个info警告框</div>
		<div class="alert alert-danger" role="alert">我是一个danger警告框</div>
		<div class="alert alert-warning" role="alert">我是一个warning警告框</div>
	</div>



	<div class="container">
		<div class="alert alert-warning" role="alert">
			<!-- 删除操作应用区域为 alert 之中 -->
			<button type="button" class="close" data-dismiss="alert">
				<span aria-disabled="ture">&times;</span>
			</button>
			<strong>欢迎来到极客学院！</strong>
		</div>
	</div>
	


	<div class="container">
		<div class="alert alert-info" role="alert">alert的a标签，
			<a href="http://www.baidu.com" class="alert-link">前往百度</a>
		</div>
	</div>
	






<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script type="text/javascript">
	
// $("#ul-badge").click(function(e){
// 	e.preventDefault()
// 	$(this).tab("show")
// })





</script>

</body>
</html>